react react-component react-slider react-slider-component react-time-range react-timeline react-time-slider JavaScript

video-time-slider，用于IVR视频回播的时间选择插件

video-time-slider，用于IVR视频回播的时间选择插件，为项目微信小程序制作，基于uni-app开发

uniapp-vue2-微信小程序-滑块验证组件wo-slider

wo-slider是一款支持高度自定义的滑块验证组件，采用uniapp-vue2编写的滑块验证组件。

Vue ElementUI el-slider 循环设置后，界面无法更新

<div class="layer-visible-item" v-for="(item, index) of layers" :key="index" > ...div class="item-slider-div"> <el-slider v-model="item.alpha" :show-tooltip="false" :min.

滑动进度条-自定义样式-uniapp

标签： uni-app javascript 前端

uniapp 滑动条自定义样式

uni-app开发总结分享

标签： uni-app 前端

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到14个平台：iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。...

vue,uni-app双向滑动,小程序,区间slider,range

标签： vue uni-app

有些项目涉及到价格选择,需要用到区间滑动,s-region-slider是基于uni-app开发的slider, 脱离了原生的slider,使用纯view+css+js开发的插件; 兼容说明 s-region-slider 在pc、H5-mobile、微信小程序、支付宝小程序、...

uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版

标签： uni-app vue.js

uni-app项目中引入Vant UI组件库（纯净版--无uni-ui）

非常常用的uni-app滑动进度条组件

标签： uni-app 前端 javascript

【代码】非常常用的uni-app滑动进度条组件。

el-form 表单的校验

标签： elementui element-plus

文章目录rules 绑定对象校验数组校验rules 中的关键字说明Typerequiredpatternmin/maxLenenumwhitespacetransformfieldsmessagevalidator rules 绑定绑定到el-form <template> <el-form ref="form" :...

UniApp项目中引入Vant-Weapp的终极指南：详解局部全局引入的最佳方法

标签：前端微信小程序 uni-app

uniapp项目中引入vant-Weapp（局部全局都有史上最详细的方法，亲测有效）

vue3 antd多级动态菜单（一）后台管理系统（v-for循环）

标签： vue.js 前端 typescript

一个完整的后台管理系统一定离不开各个分工的页面，其中作为门户的是登录页面，登录后的页面为主页面。顾名思义，主页面能够容纳所有的元素，实现各种跳转。主页面包括导航栏（左侧和顶部）、主要内容区。...

Vue - 高效稳定的颜色选择器组件（支持鼠标拖动选择与手动输入16进制、rgb颜色值）

标签： vue.js vue-color 官方文档 nuxt.js

Vue.js 高效稳定的颜色选择器组件（支持鼠标拖动选择与手动输入16进制、rgb颜色值），vue-color 官方文档，nuxt.js项目中使用颜色选择器，vColorPicker - 基于Vue的颜色选择器插件，vue颜色选择器插件Vue自定义组件:...

el-color-picker-sheldon使用说明（一款基于Vue和ElementUI的取色器）

标签：基于ElementUI的取色器 el-color-picker color-picker

一款基于element-ui的可拖动，包含所有颜色跨度，可调节透明度和颜色取值的取色器。

bootstrap-slider插件使用水平滑动条

标签：滑动条 bootstrap-slider

data-slider-id="RC" data-slider-min="-10" data-slider-max="50" data-slider-step="1" data-slider-step="1" data-slider-value="[-10

vue 项目全局修改element-ui的样式

标签： vue element-ui的样式 vue 项目全局修改

引入了element-ui，但是和我们自己的样式颜色有很大的不同， ... 修改例子：在src文件下创建 element-var.scss，代码如下 $--color-primary: yellow; /*修改按钮primary的颜色*/ /* 改变 icon 字体路径变量，必需 */...

基于react的拖拽组件库react-beautiful-dnd API参数简易说明

标签： react 拖拽 react-dnd

简介 react-beautiful-dnd基于react的一个组件库,主要包含三个组件. DragDropContext : 用于包装拖拽根组件，Draggable和Droppable都需要包裹在DragDropContex内 Droppable 用于包装你需要拖动的组件，使组件能够被...

uniapp 可拖拽进度条、滑动条、评分条、movable-area

标签： uni-app movable-area 可拖拽滑动条

view class="slider-box"> <view class="flex"></view> <movable-area class="sliderBar" :style="{width: (100 - minScore)+'%'}"> <view class="gone" :styl

uni-app中swiper组件无效果解决方案

标签： uni-app

今天，在写uni-app的代码过程中，发现swiper组件不起效果，出不来效果，查看官网发现是这个原因自动宽高100%，都自动了，就不需要自己设置了问题如下图所示：解决方案：去掉自己设置的宽高100%就好了 ...

react跑马灯插件react-slick使用

标签： react react-slick

传送门 react-slick ...import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; ... // 跑马灯插件设置 const settings = {

基于Bootstrap的jQuery slider插件的使用bootstrap-slider.js

标签： bootstrap-slider.js Slider控件

一、插件介绍这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好 ... #ex1Slider .slider-

swiper与scroll-view对比（实现水平slider）

标签： swiper scroll-view 滑块滑动

小程序中实现滑块水平滑动最常用的手段是：通过scroll-view去实现；但是，通过scroll-view实现的滑动可能有时并不是我们想要达到的效果，那么，还可以通过swiper组件来实现，通过下面可进行同一个功能细节处不同的...

VLC-Qt 入门指南

标签： VLC VLC-Qt VLC 播放器

什么是 VLC-Qt VLC-Qt：一个结合了 Qt 应用程序和 libVLC 的免费开源库。它包含了用于媒体播放的核心类，以及用于更快速地进行媒体播放器开发的一些 GUI 类。 Github 地址：https://github.com/vlc-qt ...

media-ctl --set-v4l2：CSI2 capture format设置

标签： CSI2 media-ctl v4l2

CSI on mainline Linux with v4l2 The CSI (CMOS Sensor Interface) hardware block is partially supported in mainline Linux. Support for the hardware block found on A31 and later generations is already ...